<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script>

        // let val = null
        // // ajax是异步请求 xhr都会跳过
        // let xhr = new XMLHttpRequest()
        // xhr.open('get', '01.js', true) //false同步 true异步请求
        // xhr.onreadystatechange = () => {
        //     if (xhr.readyState == 4 && xhr.status == 200) {
        //         val = xhr.responseText
        //         // 此处是获取结果，获取结果还要做很多事情

        //     }
        // }
        // xhr.send(null)
        // console.log(val)
        // console.log('1111111')
        let val = null
        new Promise((resolve, reject) => {
            // 执行ajax是异步编程
            let xhr = new XMLHttpRequest()
            xhr.open('get', './01.js', true)
            xhr.onreadystatechange = () => {
                if (xhr.readyState == 4 && xhr.status == 200) {
                    val = xhr.responseText
                    // 获取数据是成功执行resolve函数 把处理数据的函数逻辑写在外面
                    resolve(val)
                }
                else {
                    // 失败执行reject函数
                    reject()

                }
            }
            xhr.rend(null)
        }).then((res) => {
            // 成功执行逻辑
            console.log(res)
         }, () => {
            //  失败执行逻辑
            console.log('no ok')
          })


    </script>
</body>

</html>